<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设置</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <ul class="head-nav">
            <li class="head-nav-on">
                <a href="#">
                    推荐
                </a>
            </li>
            <li>
                <a href="#">
                    热点
                </a>
            </li>
            <li>
                <a href="#">
                    本地
                </a>
            </li>
            <li>
                <a href="#">
                    视频
                </a>
            </li>
            <li>
                <a href="#">
                    订阅
                </a>
            </li>
            <li>
                <a href="#">
                    社会
                </a>
            </li>
            <a href="#" class="more">
                <i class="iconfont icon-jiahao"></i>
            </a>
        </ul>
    </header>

    <main>
        <ul class="con">
            <li>
                <a href="#">
                    <h2 class="con-tit">
                        什么时间洗头发最好,大多数人都搞错了,掉发脱发的原因出在这
                    </h2>
                    <div class="hair">
                        <img src="./images/index/hair1.jpg" alt="">
                        <img src="./images/index/hair2.jpg" alt="">
                        <img src="./images/index/hair3.jpg" alt="">
                    </div>
                </a>
                <p class="tip">
                    <span>
                        美妆课堂 0评论 刚刚
                    </span>
                    <a href="#" class="close">
                        <i class="iconfont icon-danyehuaban"></i>
                    </a>
                </p>
            </li>
            <li>
                <a href="#">
                    <h2 class="con-tit">
                        实拍剪下头发加工成假发全过程
                    </h2>
                    <div class="hair">
                        <img src="./images/index/process1.jpg" alt="">
                        <img src="./images/index/process2.jpg" alt="">
                        <img src="./images/index/process3.jpg" alt="">
                    </div>
                </a>
                <p class="tip">
                    <span>
                        史事挖掘机 58评论 7分钟前
                    </span>
                    <a href="#" class="close">
                        <i class="iconfont icon-danyehuaban"></i>
                    </a>
                </p>
            </li>
            <li class="con3">
                <div class="con-l">
                    <a href="#">
                        <h2 class="con-tit">
                            贾康先生在阿里巴巴公司的座谈发言(五)
                        </h2>
                    </a>
                    <p class="tip">
                        <span>
                            贾康 <i class="iconfont icon-v"></i> 0评论
                        </span>
                        <a href="#" class="close">
                            <i class="iconfont icon-danyehuaban"></i>
                        </a>
                    </p>
                </div>
                <div class="con-r">
                        <img src="./images/index/alibaba.jpg" alt="">
                </div>
            </li>
            <li class="con3">
                <div class="con-l">
                    <a href="#">
                        <h2 class="con-tit">
                            慈禧的老公咸丰的爱好,不一般
                        </h2>
                    </a>
                    <p class="tip">
                        <span>
                           布布带你看天下 0评论
                        </span>
                        <a href="#" class="close">
                            <i class="iconfont icon-danyehuaban"></i>
                        </a>
                    </p>
                </div>
                <div class="con-r">
                        <img src="./images/index/cixi.jpg" alt="">
                </div>
            </li>
        </ul>
    </main>

    <footer>
        <ul class="foot-nav">
            <li class="foot-nav-on">
                <a href="#">
                    <i class="iconfont icon-shouye"></i>
                    首页
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-bofangsanjiaoxing"></i>
                    视频
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-guanzhu"></i>
                    关注
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-dengluyemianyonghuming"></i>
                    我的
                </a>
            </li>
        </ul>
    </footer>

    <script src="./js/flexible.js"></script>
</body>

</html>